<title></title>


<link href="{{asset('/HomeCss/zhifu/style.css')}}" rel="stylesheet" type="text/css">
<style>
    /*支付方式选择*/
    .buy-coins p {margin: 15px 0;}
    .ecbbank-pay{line-height:45px;width: 180px;height: 46px;}
    .ecbbank-pay input{height:45px}
    .ecbbank-pay span{margin-left:10px;width:130px;height:45px;position:absolute;cursor:pointer}
    .web-bank{overflow:hidden;margin-bottom:40px}
    .web-bank li{margin:20px 35px 0 0;width:180px;position:relative;border:1px solid #dedede;padding:0 8px;cursor:pointer;float:left;height:46px}
    .web-bank li input{cursor:pointer;height:45px}
    .web-bank li span{margin-left:10px;width:130px;height:45px;position:absolute;cursor:pointer}
    .web-bank .bank-now{border:1px solid #fe9956;}
    .bank-img-09{background:url(/HomeCss/zhifu/tu/1.jpg)}
    .bank-img-12{background:url(/HomeCss/zhifu/tu/2.jpg)}
    .bank-img-13{background:url(/HomeCss/zhifu/tu/3.jpg)}
    .bank-img-14{background:url(/HomeCss/zhifu/tu/4.jpg)}
    .bank-img-15{background:url(/HomeCss/zhifu/tu/5.jpg)}
    .bank-img-16{background:url(/HomeCss/zhifu/tu/6.jpg)}
    .bank-img-19{background:url(/HomeCss/zhifu/tu/7.jpg)}
    .bank-img-21{background:url(/HomeCss/zhifu/tu/8.jpg)}
    .bank-img-25{background:url(/HomeCss/zhifu/tu/9.jpg)}
    .bank-img-27{background:url(/HomeCss/zhifu/tu/10.jpg)}
    .bank-img-28{background:url(/HomeCss/zhifu/tu/11.jpg)}
    .bank-img-29{background:url(/HomeCss/zhifu/tu/12.jpg)}
    .bank-img-33{background:url(/HomeCss/zhifu/tu/13.jpg)}
    .bank-img-36{background:url(/HomeCss/zhifu/tu/14.jpg)}
    .bank-img-36-2{background:url(/HomeCss/zhifu/tu/15.jpg)}
    .bank-img-40{background:url(/HomeCss/zhifu/tu/16.jpg)}
    .bank-img-45{background:url(/HomeCss/zhifu/tu/17.jpg)}
    .bank-img-46{background:url(/HomeCss/zhifu/tu/18.jpg)}
    .bank-img-69{background:url(/HomeCss/zhifu/tu/19.jpg)}
    .bank-img-49{background:url(/HomeCss/zhifu/tu/20.jpg)}
    .bank-img-51{background:url(/HomeCss/zhifu/tu/21.jpg)}
    .bank-img-53{background:url(/HomeCss/zhifu/tu/22.jpg)}
    .bank-img-54{background:url(/HomeCss/zhifu/tu/23.jpg)}
    .bank-img-55{background:url(/HomeCss/zhifu/tu/23.jpg)}
    
    .go-bt2{position:absolute; left:50%; cursor:pointer;float: right;margin-top: 30px;}
    .go-bt2 input{background:url(themes/fd_13/images/zf_bt.png);cursor:pointer;color:#fff;width:200px;height:32px;font-family: "微软雅黑";font-size: 14px;border:0;}
    .go-bt2 input:hover{background:url(themes/fd_13/images/zf_bt2.png);}
    .go-buy{position:relative;width:100%;height:70px;overflow:hidden;vertical-align:bottom;}
    .ceb_show{height: 60px;vert-align:bottom;}

    ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #999;border-left: 1px solid #999;width: 100%;}
    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 31px;
        line-height: 31px;
        border: 1px solid #999;
        border-left: none;
        margin-bottom: -1px;
        background: #e0e0e0;
        overflow: hidden;
        position: relative;
    }
    ul.tabs li a {text-decoration: none;color: #000;display: block; font-size: 1.2em;padding: 0 20px;border: 1px solid #fff;outline: none; font-weight:900;}
    ul.tabs li a:hover {background: #ccc;}
    html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}
    .tab_container {
        border-top: none;
        clear: both;
        float: left;
        width: 100%;
        background: #fff;
        -moz-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
    }
    .tab_content {padding: 20px;font-size: 1.2em;}

    /*支付弹出层*/
    #pay-full-bg {
        background-color:Gray;
        left:0px;
        opacity:0.5;
        position:absolute;
        top:0px;
        z-index:3;
        filter:alpha(opacity=50); /* IE6 */
        -moz-opacity:0.5; /* Mozilla */
        -khtml-opacity:0.5; /* Safari */
    }
    #pay-dialog {
        background-color:#FFF;
        border: 8px solid #b1b1b1;
        width:480px;
        height:180px;
        display: none;
        left:50%;
        margin:-200px 0 0 -200px;
        position:fixed !important; /* 浮动对话框 */
        position:absolute;
        top:50%;
        z-index:5;
    }
    #pay-dialog .modal-head {
        overflow: hidden;
        height: 20px;
        padding: 15px 20px;
        background: #4b5b78;
    }
    #pay-dialog .modal-head .um-h-title {
        float: left;
        font-weight: 400;
        font-size: 18px;
        color: #ffffff;
    }
    #pay-dialog .modal-content {
        padding: 30px;
        background: #fff;
    }
    .payed-success-title {
        margin-bottom: 20px;
    }
    .ui-button {
        display: inline-block;
        margin: 0;
        height: 32px;
        line-height: 32px;
        padding: 0 28px;
        color: #fff;
        border: none;
        border: 1px solid #f96765;
        background-color: #ff7573;
        background-repeat: repeat-x;
        background-image: -moz-linear-gradient(top,#ff7573,#f96765);
        background-image: -webkit-linear-gradient(top,#ff7573,#f96765);
        background-image: -o-linear-gradient(top,#ff7573,#f96765);
        background-image: linear-gradient(top,#ff7573,#f96765);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7573', endColorstr='#f96765', GradientType=0);
        border-radius: 2px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 0 0 #fe8c8a inset;
    }
    .ui-button-gray {
        background: #f1f2f7;
        filter: none;
        box-shadow: none;
        text-shadow: none;
        border-color: #999;
        color: #666;
    }
    #pay-dialog .ok {color: #red}
    /*分期样式*/
    .installment-detail {
        padding: 10px 20px 20px;
        font-size: 14px;
        background: #eee;
    }
    .bank-list-ft {
        margin-top: 30px;
    }
    .installment-detail dl {
        margin-top: 8px;
        zoom: 1;
    }
    .installment-detail dt {
        width: 90px;
        float: left;
        text-align: right;
    }
    .installment-detail dd {
        overflow: hidden;
        display: block;
        -webkit-margin-start: 40px;
    }
    .installment-detail .stage {
        margin-right: 30px;
    }
    .installment-detail strong {
        color: #f60;
    }
</style>

<script type="text/javascript" src="{{asset('/HomeCss/zhifu/common.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/zhifu/shopping_flow.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/zhifu/common2.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/zhifu/compare2.js')}}"></script></head>
<body style="cursor: auto;">
<script type="text/javascript" src="{{asset('/HomeCss/zhifu/transport2.js')}}"></script>
<script type="text/javascript" src="{{asset('/HomeCss/zhifu/utils.js')}}"></script>
<link href="{{asset('/HomeCss/zhifu/ec13.css')}}" rel="stylesheet" type="text/css">
<script type="text/javascript">
var process_request = "正在处理您的请求...";
</script>
<script language="javascript" src="{{asset('/HomeCss/zhifu/fdjs_002.js')}}" type="text/javascript" charset="utf-8"></script>
<script language="javascript" src="{{asset('/HomeCss/zhifu/fdjs.js')}}" type="text/javascript" charset="utf-8"></script>


<div class="block">

    <div class="step_all step_3"></div>
    <div class="flowBox" style="margin:30px auto 70px auto;">
        <h2><span>支付订单</span></h2>
        <table style="margin-bottom: 10px;" bgcolor="#dddddd" border="0" cellpadding="5" cellspacing="0" align="center" width="100%">
            <tbody>
            <tr>
                <td width="150">收件人:</td>
                <td>{{$arr[0]->rec}}</td>
            </tr>
            <tr>
                <td>支付金额:</td><td>￥{{$arr[0]->total}} </td>
            </tr>
            <tr>
                <td width="150">订 单 号:</td>
                <td>{{$arr[0]->oid}}</td>
            </tr>
            </tbody>
        </table>

     <a href= "/"><button  style="background:red;width:160px;height:50px;border-radius:10px;overflow:hidden;

     font-size:20px;color:white;font-weight:bold; position:absolute;right:100px;top:60px;">
     支付订单

     </button></a>
        <img src="/HomeCss/images/3.gif" alt="" style="position:absolute;right:80px ;top:150px"> 
        <input name="order_id" value="20170116516614421" id="order_id" type="hidden">
        <form id="payForm" name="payForm" target="_blank" onsubmit="javascript:return submitPayForm(payForm);" action="https://www.cebbank.com/per/preEpayLogin.do?_locale=zh_CN" method="POST">
            <input name="TransName" id="TransName" value="IPER" type="hidden">
            <input name="Plain" id="Plain" value="transId=IPER~|~merchantId=355010000220~|~orderId=20170116516614421~|~transAmt=988.00~|~transDateTime=20170116155833~|~currencyType=01~|~payBankNo=36~|~customerName=~|~merSecName=~|~productInfo=~|~customerEMail=~|~merURL=http://shop.chnau99999.com/respond.php~|~merURL1=http://shop.chnau99999.com/user-order_detail-23877.html~|~payIp=121.69.23.250~|~msgExt=" type="hidden">
            <input name="Signature" id="Signature" value="873228388399f3ecee71cd04dc6d004a5673396e26b9f179f1cda4ff904e39e81377511bc2256d1535f942c5137027e4fe6be79a43afcb13803e8f571bf88829aa3945f57ad8c92bf5c4db261f4727332d3809e316ecf60caddf16955dc0bf0ec5234b993311fb37efb62e459171a3ed363fd861c92de8b42030fd5fe8cca9b6" type="hidden">

            <div class="buy-coins">
                <ul class="tabs">
                    <li class="active" transid="IPER"><a href="#tab1"> 网上银行 </a></li>
                    <li class="" transid="EPER"><a href="#tab2">企业网上银行支付</a></li>
                    <!--li transId="SPER"><a href="#tab3"> 分期付款 </a></li-->
                </ul>

                <div class="tab_container">
                    
                    <div id="tab1" class="tab_content" style="display: block;">
                        <ul class="web-bank">
                                                        <li>
                            <label>
                                <input name="payBankNo" value="36" checked="checked" type="radio">
                                <span class="bank-img-36"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="09" type="radio">
                                <span class="bank-img-09"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="12" type="radio">
                                <span class="bank-img-12"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="13" type="radio">
                                <span class="bank-img-13"></span>
                            </label>
                            </li>
                                                        <li style="margin-right:0">
                            <label>
                                <input name="payBankNo" value="14" type="radio">
                                <span class="bank-img-14"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="15" type="radio">
                                <span class="bank-img-15"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="16" type="radio">
                                <span class="bank-img-16"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="19" type="radio">
                                <span class="bank-img-19"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="21" type="radio">
                                <span class="bank-img-21"></span>
                            </label>
                            </li>
                                                        <li style="margin-right:0">
                            <label>
                                <input name="payBankNo" value="25" type="radio">
                                <span class="bank-img-25"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="27" type="radio">
                                <span class="bank-img-27"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="28" type="radio">
                                <span class="bank-img-28"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="29" type="radio">
                                <span class="bank-img-29"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="33" type="radio">
                                <span class="bank-img-33"></span>
                            </label>
                            </li>
                                                        <li style="margin-right:0">
                            <label>
                                <input name="payBankNo" value="40" type="radio">
                                <span class="bank-img-40"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="45" type="radio">
                                <span class="bank-img-45"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="46" type="radio">
                                <span class="bank-img-46"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="49" type="radio">
                                <span class="bank-img-49"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="51" type="radio">
                                <span class="bank-img-51"></span>
                            </label>
                            </li>
                                                        <li style="margin-right:0">
                            <label>
                                <input name="payBankNo" value="53" type="radio">
                                <span class="bank-img-53"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="54" type="radio">
                                <span class="bank-img-54"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="55" type="radio">
                                <span class="bank-img-55"></span>
                            </label>
                            </li>
                                                        <li>
                            <label>
                                <input name="payBankNo" value="69" type="radio">
                                <span class="bank-img-69"></span>
                            </label>
                            </li>
                                                    </ul>
                    </div>

                    
                    <div id="tab2" class="tab_content" style="display: none;">
                        <ul class="web-bank">
                                                        <li>
                            <label>
                                <input name="payBankNo" value="74" type="radio">
                                <span class="bank-img-74"></span>
                            </label>
                            </li>
                                                    </ul>
                    </div>

                    
                    <!--div id="tab3" class="tab_content" style="display: none; ">
                        <ul class="web-bank">
                                                        <li  >
                            <label>
                                <input name="payBankNo" type="radio" value="36">
                                <span class="bank-img-36"></span>
                            </label>
                            </li>
                                                    </ul>
                        <div class="bank-list-ft installment-detail">
                            <dl>
                                <dt>分期期数：</dt>
                                <dd>

                                    <label for="stage3" class="stage"><input checked="checked" type="radio" value="3" name="stageTimes" id="stage3">3期</label>
                                    <label for="stage6" class="stage"><input type="radio" value="6" name="stageTimes" id="stage6">6期</label>
                                    <label for="stage12" class="stage"><input type="radio" value="12" name="stageTimes" id="stage12">12期</label>
                                </dd>
                            </dl>
                            <dl>
                                <dt>付款总额：</dt>
                                <dd id="payment_info"><strong>计算中..</strong></dd>
                            </dl>
                            <dl>
                                <dt>还款规则：</dt>
                                <dd id="payment_rule"><strong>计算中..</strong></dd>
                            </dl>
                        </div>
                    </div-->
                </div>

            </div>

            <div class="go-buy">
                <span class="ceb_show"><img src="{{asset('/HomeCss/zhifu/img_logo.jpg')}}" height="49" width="130">&nbsp;&nbsp;由光大云支付提供在线支付技术支持。</span>
                <span class="go-bt2"><input style="cursor: pointer;" id="pay-submit" value="立即支付" type="submit"></span>
            </div>
        </form>

    </div>

</div>


 




